import React, { Suspense } from 'react';
import { Canvas } from "@react-three/fiber";
import World from "./World";
import Loading from "../Loading";
import '../index.css';

const HomePage: React.FC = () => {
  return (
    <>
      <Suspense fallback={<Loading />}>
        <Canvas
          style={{
            width: window.innerWidth,
            height: window.innerHeight,
            background: '#131022'
          }}
          performance={{ min: 0.5 }}
          dpr={[1, 1.5]}
          shadows
        >
          <World />
        </Canvas >
      </Suspense>
    </>
  );
};

export default HomePage;
